.contain{
	width:100%;
	overflow: hidden;
	box-sizing:border-box;
	padding:0px;
	.first{
		box-sizing:border-box;
		padding:5rpx 0px;
		background:#FFF;
		border-bottom:1px solid #f8f8f8;
	}
	.courses{
		width:100%;
		overflow: hidden;
		box-sizing:border-box;
		padding:20rpx;	
		.clist{
			box-sizing:border-box;
			padding:20rpx;
			background:#FFF;
			border-radius:8px;
			@apply flex justify-between items-start shadow-md;
			margin-bottom:30rpx;
			.videophoto{
				image{ 
					position:relative;
					top:-6rpx;
					width:100rpx; 
					height:100rpx;
				}
			}
			.vdesc{
				/* border:1px solid blue; */
				width:500rpx;
				@apply flex justify-center flex-col;
				text{
					@apply text-sm;
				}
				box-sizing:border-box;
				padding-left:20rpx;
			}
			.videoOptions{
				/* border:1px solid red; */
				box-sizing:border-box;
				padding-left:20rpx;
				@apply flex justify-end flex-col;
				text{
					@apply text-sm;
				}
			}
		} /* clist End*/
	} /* courses End*/
} /* contain End*/